Setting the Height of an HTML Element Box

You can use the height property to set the height of an HTML element box. The height of an HTML element box can be specifies in units, such as pixels, inches, centimeters, or points or in the form of a percentage value.

Let’s do the following steps to set the height of an HTML Element Box:


<!DOCTYPE html>
<html>
<head>
<title>Setting the Height of an HTML element Box</title>
    <style type=”text/css”>
    div {border: thin dashed #ff0000; height: 300px}
    </style>
</head>
<body>
    <div>
        <h4>Here is a list of students:</h4>
        <ul>
        <li>Sumit Saxena</li>
        <li>Amitabh Kumar</li>
        <li>Rohit Jandial</li>
        <li>Jitendra Arya</li>
        <li>Sanchita Sarkar</li>
        </ul.
        <p>Above listed students are rewarded with awards. This is a paragraphwriting.
        Keep smiling <img src=”image/simle.jpg” />
        </p>
        </div>
</body>
</html>

Save the document with the name Height.html and open with browser.